<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>lark doc project manager</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../../css/projects/manager.css">
</head>

<body>
    <div class="container">
        <p class="lead" style="margin-top: 50px;"> <strong>项目管理</strong>
        </p>
        <div>
            <hr style="color: #F3F3F3;" />
        </div>
        <div class="panels">
            <div id="projects" class="row">
                <div id="pCreate" class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <div class="panel panel-default" title="新增项目">
                        <div class="panel-body">
                            <span class="glyphicon glyphicon-plus" aria-hidden="true" style="font-size: 40px;"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 新增修改对话框-->
    <div id="create-modal" class="modal fade" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">新增</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" role="form">
                        <div class="form-group require">
                            <label for="name" class="col-sm-2 control-label">名称</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="name" name="name" placeholder="请输入项目名称" maxlength="200" required/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="tag" class="col-sm-2 control-label">标签</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="tag" name="tag" data-role="tagsinput" maxlength="200" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="description" class="col-sm-2 control-label">描述</label>
                            <div class="col-sm-8">
                                <textarea class="form-control" id="description" name="description" rows="3"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="userTags" class="col-sm-2 control-label">成员管理</label>
                            <div class="col-sm-8">
                                <input id="userTags" name="userTags" type="text" readonly="true" placeholder="支持用户名、帐号搜索" />
                            </div>
                        </div>
                        <input id="updIdInput" type="text" name="" value="" style="display: none;" disabled="true">
                        <button id="createHideRest" type="reset" style="display: none;"></button>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button id="createReset" type="button" class="btn btn-primary">重置</button>
                    <button id="createSave" type="button" class="btn btn-primary">保存</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 项目详情-->
    <div id="detail-modal" class="modal fade" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">详情</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" role="form">
                        <div class="form-group">
                            <label for="name" class="col-sm-2 control-label">名称</label>
                            <div class="col-sm-8">
                                <p id="detailName" class="form-control-static"></p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="tag" class="col-sm-2 control-label">标签</label>
                            <div class="col-sm-8">
                                <p id="detailTag" class="form-control-static"></p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="description" class="col-sm-2 control-label">描述</label>
                            <div id="" class="col-sm-8">
                                <p id="detailDesc" class="form-control-static"></p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="userTags" class="col-sm-2 control-label">管理员</label>
                            <div class="col-sm-8">
                                <p id="detailCreator" class="form-control-static"></p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="userTags" class="col-sm-2 control-label">成员</label>
                            <div class="col-sm-8">
                                <p id="detailUsers" class="form-control-static"></p>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--权限转让-->
    <div id="transfer-modal" class="modal fade" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">权限转让</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" role="form">
                        <div class="form-group">
                            <label for="oldOwn" class="col-sm-2 control-label">旧持有人</label>
                            <div class="col-sm-8">
                                <p id="oldCreator" class="form-control-static"></p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="newOwn" class="col-sm-2 control-label">新持有人</label>
                            <div class="col-sm-8">
                                <input id="newCreator" name="newCreator" type="text" class="form-control" placeholder="支持用户名、帐号搜索" />
                            </div>
                        </div>
                        <div id="transferTip" class="form-group" style="display: none;">
                            <label for="groupname" class="col-sm-2 control-label">提示</label>
                            <div id="transferTipContent" class="col-sm-8 form-control-static" style="color: red;">
                            </div>
                        </div>
                        <input id="transferIdInput" type="text" name="" value="" style="display: none;" disabled="true" />
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                            <button id="transferSave" type="button" class="btn btn-primary">保存</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../../js/lib/jquery.min.js"></script>
    <script type="text/javascript" src="../../lib/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../../lib/bootstrap/js/bootstrap-paginator.min.js"></script>
    <script type="text/javascript" src="../../lib/bootstrap/js/popover.js"></script>
    <script type="text/javascript" src="../../lib/bootstrap/js/bootstrap-tagsinput-revise.min.js"></script>
    <script type="text/javascript" src="../../lib/bootstrap/js/bootstrap3-typeahead.min.js"></script>
    <script type="text/javascript" src="../../lib/bootstrap/js/typeahead.bundle.min.js"></script>
    <script type="text/javascript" src="../../js/utils/comm-utils.js"></script>
    <script type="text/javascript" src="../../js/projects/manager.js"></script>
    <script type="text/javascript" src="../../js/comm/nvg-login.js"></script>
</body>

</html>